<!DOCTYPE html>
<html lang="zh-CN">
	<head>
	<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
	</script>
	<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
	<meta charset="utf-8"/>
	<title>美站库 炫美网站大全</title>
	<link rel="stylesheet" type="text/css" href="images/index.css"/>
	</head>
	<body>
	<div id="header">
		<div id="top" class="auto">
			<div class="logo">
				<h1>
				<img src="images/logo.png" />
				<span>炫美网站大全</span>
				</h1>
			</div>
			<div class="serach">
				<form target="_blank" action="serach.html">
					<input id="searchText" class="text" type="text" />
					<input id="searchButton" class="submit" type="button" value="搜索" />
				</form>
			</div>
		</div>
		<div id="nav" class="auto">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">提交站点</a></li>
			</ul>
		</div>
		<div id="runplay" class="auto">
			<div class="left">
				<a href="http://www.runoob.com/jquery/ajax-ajax.html"><img src="images/img1.jpg" /></a>
			</div>
			<div class="right">
				<dl>
					<dt id="runplayH">炫美网站，尽在美站库</dt>
					<dd class="txt">本网站搜集互联网上各种炫美网站......</dd>
					<dd class="btn">
						<a href="#">查看更多</a>
					</dd>
				</dl>
			</div>
		</div>
	</div>
	<div id="main">
		<div id="main1">
			<div id="wrap">
				<div id="leftBody">
					<div class="leftDiv1">
						<h2>美站库</h2>
						<p>美站库是<a href="http://www.sifangku.com" target="_blank">私房库</a>视频html课程中的第一个项目实战课! </p>
					</div>
					<div class="leftDiv2">
						<h2>炫美站点</h2>
						<ul>
							<li>
								<a href="https://movie.douban.com/subject/26374197/"><img src="images/666.jpg"  height="120px" /></a>
								<p>蜘蛛侠平行宇宙</p>
							</li>
							<li>
								<a href="https://movie.douban.com/subject/3878007"><img src="images/777.jpg"  height="130px" /></a>
								<p>海王</p>
							</li>
							<li>
								<a href="https://movie.douban.com/subject/26366496/"><img src="images/888.jpg" height="130px"/></a>
								<p>邪不压正</p>
							</li>
							<li>
								<a href="https://movie.douban.com/subject/27202819/"><img src="images/111.jpg" height="140px"/></a>
								<p>反贪风暴4</p>
							</li>
							<li>
								<a href="https://movie.douban.com/subject/24773958/"><img src="images/222.jpg" height="140px"/></a>
								<p>复仇者联盟3</p>
							</li>
						</ul>
					</div>
					<div class="leftDiv3">
						<a href="#">查看更多</a>
					</div>
				</div>
				<div id="rightBody">
					<div class="rightDiv1">
						<h2>酷文</h2>
						<ul>
							<li>
								<h3><a href="#" target="blank">我也不知道写是什么</a></h3>
								<p>叶的离去，是风的追求，还是树的不挽留...</p>
							</li>
							<li>
								<h3><a href="#" target="blank">我也不知道写是什么</a></h3>
								<p>叶的离去，是风的追求，还是树的不挽留...</p>
							</li>
							<li>
								<h3><a href="#" target="blank">我也不知道写是什么</a></h3>
								<p>叶的离去，是风的追求，还是树的不挽留...</p>
							</li>
						</ul
					</div>
					<div class="rightDiv2">
						<dl class="dl1">
							<dt><a href="#">执笔写爱你</a></dt>
							<dd>执笔写爱你</dd>
						</dl>
						<dl class="dl2">
							<dt><a href="#">执笔写爱你</a></dt>
							<dd>执笔写爱你</dd>
						</dl>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="footer">
		<p class="p1">
			<a href="#" target="_blank">首页</a>
			<a href="#" target="_blank">美站</a>
			<a href="#" target="_blank">酷文</a>
			<a  class="last" href="#" target="_blank">联系我们</a>
		</p>
		<p>
			Copyright (c) 2014 | <a href="http://www.sifangku.com" target="_blank"> 私房库</a>
		</p>
	</div>
	<script>
	 $(document).ready(function(){
	 
	  var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme",
	  "复仇者联盟"
    ];
    $( "#searchText" ).autocomplete({
      source: availableTags
    });
	 
	 
		$("#searchButton").click(function(){
		
			var usrIp=$("#searchText").val();
			$("#runplayH").html("您刚输入："+usrIp);
			alert(usrIp);
			
		});
	
	});
	</script>
	</body>	
	
</html>